<template>
  <div class="mine">
    <div class="imgs">
      <van-image width="100%" height="250px" src="https://img01.yzcdn.cn/vant/cat.jpeg" />
    </div>
    <div>
      <!-- <van-grid :column-num="4">
        <van-grid-item v-for="value in 4" :key="value" icon="photo-o" text="待付款"  />
      </van-grid> -->

      <van-grid>
        <van-grid-item icon="balance-list" text="待付款" />
        <van-grid-item icon="cart-circle" text="配送中" />
        <van-grid-item icon="checked" text="已完成" />
        <van-grid-item icon="comment-circle" text="待评价" />
      </van-grid>

      <van-cell-group inset>
        <van-cell title="我的购物车" icon="shopping-cart" value="》" url="http://localhost:9527/cart" />
        <van-cell title="全部订单" icon="cart-circle" value="》" label="描述信息" url="http://localhost:9527/cart" />
        <van-cell title="收货地址" icon="cart" value="》" url="http://localhost:9527/confirm" />
        <van-cell title="会员积分" icon="shop" value="》" label="描述信息" />
      </van-cell-group>

    </div>
  </div>
</template>

<script>
export default {
  name: 'Mine',
  data() {
    return {

    }
  },
}
</script>

<style lang="less" scoped>

</style>
